.equip-box {
    #tixian {
        width: 150px;
        z-index: 9;
    }

    .equip-list {
        margin-top: 80px;

        .mu-elevation-2 {
            box-shadow: none;
        }

        .mu-expansion-panel-header {
            background: rgba(27, 62, 108, 0.3);
            color: $font;

            svg {
                color: $font;
            }

            .title {
                width: 95%;

                .fright {
                    color: #1EC3F1;
                }
            }
        }

        .mu-expansion-panel-content {

            padding: 50px 30px;
            margin: 0 30px;
            background: rgba(255, 255, 255, 0.02);

            .eq-single {
                width: 100%;
                color: $font;
                margin-bottom: 30px;
                padding-bottom: 50px;
                border-bottom: 1PX solid rgba(255, 255, 255, 0.1);

                .bh-box {}

                .btn1-box {
                    width: 100%;
                    margin-top: 20px;
                    display: flex;

                    .blue-box {
                        width: 30%;
                        margin-right: 3.333333%;
                        display: inline-block;
                        background: rgba(30, 197, 241, 0.2);
                        border-radius: 4PX;
                        text-align: center;
                        padding: 10px 0;
                        color: #1EC5F1;

                    }

                    .red-box {
                        width: 30%;
                        display: inline-block;
                        background: rgba(251, 109, 58, 0.2);
                        border-radius: 4PX;
                        text-align: center;
                        padding: 10px 0;
                        color: #FB6D3A;
                    }
                }
            }
        }
    }
}

.port-box.rule-box {
    padding: 0 30px;

    #tixian {
        top: 30px;
    }

    .equipID {
        color: #04E1E0;
        font-size: 18PX;
        margin: 40px 0;
    }

    .rules-list {
        .mu-item {
            background: rgba(27, 62, 108, 0.3);

            .status-name {

                padding:5px 25px;
                background: rgba(65, 157, 62, 0.23);
                border-radius: 2px;
            }
        }
    }
}
